﻿//弹出一段文本
var wxDialog = wxDialog == undefined ? top.wxDialog : wxDialog;


$("#dialogBtn1").click(function () {
    wxDialog.show({
        content: "我是内容，我是一串字符串"
    });
});

//弹出一段DOM内容
$("#Button1").click(function () {
    wxDialog.show({
        content: $("#button1Txt").text()
    });
});

//弹出远程文件——非本项目
$("#Button2").click(function () {
    wxDialog.show({
        content: "http://www.douban.com/"
    });
});

//弹出本地文件
$("#Button3").click(function () {
    wxDialog.show({
        content: "dialoginner.html"
    });
});

//弹出带标题的弹出框
$("#Button4").click(function () {
    wxDialog.show({
        title: "我是带标题的弹出框",
        content: "我是带标题弹出框的内容部分"
    });
});

//弹出可拖动的弹出框
$("#Button5").click(function () {
    wxDialog.show({
        title: "我是带标题的且有遮罩层的弹出框",
        move: true,
        maskLayout: true,
        content: "我是带标题且有遮罩层的弹出框的内容部分"
    });
});

//弹出带遮罩层的弹出框
$("#Button6").click(function () {
    wxDialog.show({
        title: "我是带标题的且有遮罩层的弹出框",
        maskLayout: true,
        content: "我是带标题且有遮罩层的弹出框的内容部分"
    });
});

//弹出带按钮的弹出框
$("#Button7").click(function () {
    wxDialog.show({
        title: "我是带标题的且有遮罩层的弹出框",
        maskLayout: true,
        content: "我是带标题且有遮罩层的弹出框的内容部分",
        confirm: false,
        cancel: true
    });
});

//弹出按钮执行回调函数的弹出框
$("#Button12").click(function () {
    wxDialog.show({
        title: "我是带标题的且有遮罩层的弹出框",
        maskLayout: true,
        content: "我是带标题且有遮罩层的弹出框的内容部分",
        confirm: function () {
            alert("您点击了确定按钮!");
        },
        cancel: function () {
            alert("您点击了取消按钮!");
        }
    });
});

//弹出按钮执行回调函数的弹出框
$("#Button8").click(function () {
    wxDialog.show({
        title: "点击按钮执行回调函数",
        maskLayout: true,
        content: "点击'确定'按钮，执行一个在窗口关闭之前的回调函数~！<br />点击'取消'按钮执行一个在弹出框关闭之后的回调函数~！",
        confirm: {
            val: "确定",
            before: function () {
                alert("关闭之前");
            }
        },
        cancel: {
            val: "取消",
            after: function () {
                alert("关闭之后");
            }
        }
    });
});

//传参
$("#Button11").click(function () {
    wxDialog.show({
        id: "Button112",
        title: "弹出框传参",
        content: "/widgets/dialog-inner.html",
        callback: function () {
            alert(arguments[0]);
        }
    });
});
